<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        /*默认的颜色*/
        a{
            text-decoration: none;
            color: black;
        }
        /*鼠标悬浮的状态(只需要记住：hover)*/
        a:hover{
            color: blue;
            font-size: 25px;
        }
        /*鼠标按住未释放的状态*/
        a:active{
            color: green;
        }
        /*a:visited{*/
        /*    color: red;*/
        /*}*/
        /*text-shadow: 水平偏移，垂直偏移，阴影半径，阴影颜色*/
        #price{
            text-shadow: 5px 5px 2px blue;
        }
    </style>

</head>
<body>

<a href="#">
    <img src="images/a.png" alt="">
</a>
<p>
    <a href="#">阿丽塔：战斗天使</a>
</p>
<p>
    <a href="">导演：罗伯特·罗德里格兹</a>
</p>
<p id="price">
    ￥99
</p>

</body>
</html>